<%@page contentType="text/html;charset=UTF-8"%>
<%@ include file="/WEB-INF/common/includes.jsp" %>
<html>
<head>
	<title>topic List</title>
	<link rel="stylesheet" href="<c:url value="/res/css/all.css" />" type="text/css" media="screen, projection" />
</head>	
<body>
<%@ include file="/WEB-INF/common/header.jsp" %>
  <div class="container">
    <div class="containerall">
	      <div class="sidebar">
     <h2>Who to follow</h2>
     <ul>
       <li>
         <div class="card">
           <a href=""><img src="${ctx}/res/img/red.png" /></a>
           <a href="">becky</a>
           <a href="" class="follow">follow</a>
         </div>
       </li>
     </ul>
    </div>
    <div class="content">
    	<c:forEach var="listTopicBo" items="${page.result}">
    		<div class="row1">
		       <div class="bgline1">
		       	<a href="${ctx}/topic/${listTopicBo.topicId}"><img class="img1" src="http://192.168.56.101/image/${listTopicBo.pic}" /></a>      
		       </div>
		       <div>
			       <img class="img1" src="http://192.168.56.101/image/${listTopicBo.userPic}" />
			       ${listTopicBo.userName}
		       </div>
		       <a href="">${listTopicBo.name}</a>
			   	   ${listTopicBo.text}
		   </div>
    	</c:forEach>
    	${page.totalCount}
	  	${page.bar}
    </div>
	
	<div style="clear:both"></div>
	</div>
   
  </div>
  <%@ include file="/WEB-INF/common/footer.jsp" %>

</body>
</html>
